{% extends '/lenta/base_index.html' %}

{% block inline_style_block %}
    
    {{ super() }}

    #tag_area li {
        display: inline-block;
        margin: 2px 0px 2px 0px;
        padding: 0px 3px 0px 3px;
        background-color: #C7D7E5;
    }

    div.note_short_info {
        margin: 4px 2px 10px 7px;
		border-color: #D1D1D1;
		border-style: solid;
		border-width: 1px;
		border-radius: 4px;
		padding: 4px 2px 4px 6px;
    }
    h3.note_title {
        margin-bottom: 4px;
    }
    div.note_twit {
        width: 80%;
		text-align: justify;
    }
    
    #paginator_old {
    	float: left;
    }
    
    #paginator_new {
    	float: right;
    }

	#no_notes {
		text-align: center;
		background: #D1CFFF;
		padding: 4px 5px 4px 5px;
		margin: 10px 0 20px 20px;
	}
{% endblock inline_style_block %}


{% block main %}

	{% if notes %}
    	{{ notes_short_info_roll (notes)|safe }}
    {% else %}
    	<div id="no_notes">
    		There are no notes.
    	</div>
    {% endif %}
    
    <div id="paginator">
    	<span id="paginator_new">
    	{% if next_page_url %}
    		<a href="{{ next_page_url }}">older notes</a>
    	{% endif %}
    	</span>
    	<span id="paginator_old">
    	{% if prev_page_url %}
    		<a href="{{ prev_page_url }}">newer notes</a>
    	{% endif %}
    	</span>
    </div>

{% endblock  main %}


{% block sidebar %}
     {#
     <ul id="tag_area">
     {% for t in tags%}
         <li class="tag">{{ notes_by_tag_link(t)|safe }}
         </li>
     {% endfor %}
     </ul>
	#}
{% endblock sidebar%}


